@import "normalize";
@import "base";
@import "variable";

// 字体大小设置
.font_dpr(@font-size: 16px) {
  font-size: @font-size;

  [data-dpr= "2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr= "3"] & {
    font-size: @font-size * 3;
  }
}

.header {
  .back img {
    margin-top: 30rem/@base;
  }
  .title {
    overflow: hidden;
    height: 96rem/@base;
    line-height: 96rem/@base;
    color: #fff;
    .font_dpr(16px);
    text-align: center;
  }
}
.main {
  .product {
    padding: 0 20rem/@base;
    h3 {
      height: 115rem/@base;
      line-height: 115rem/@base;
      .font_dpr(16px);
    }
    > p > span {
      color: #bfc0ba;
      a:link, a:visited, a:hover, a:active  {
        color: blue;
      }
    }
    .content {
      padding-top: 30rem/@base;
      p {
        line-height: 50rem/@base;
        color: #878489;
        .font_dpr(14px);
      }
      .pic-s img {
        width: 276rem/@base;
        height: 332rem/@base;
      }
    }

  }
  .goBuy {
    width: 100%;
    padding: 0 60rem/@base;
    a {
      display: block;
      width: 100%;
      height: 60rem/@base;
      line-height: 60rem/@base;
      color: #fff;
      background-color: #ff9000;
      text-align: center;
      .font_dpr(16px);
    }
  }
  .comment {
    padding: 30rem/@base;
    .tit {
      line-height: 50rem/@base;
      .font_dpr(16px);
    }
    .form {
      border: 2rem/@base solid #e9e7e5;
      border-radius: 5rem/@base;
    }
    textarea {
      width: 100%;
      height: 150rem/@base;
    }
    .ctrl {
      height: 75rem/@base;
      text-align: right;
      background-color: #fbfbfb;
      input {
        height: 100%;
        width: 185rem/@base;
        background-color: #ff841d;
        color: #fff;
        border: none;
      }
    }
  }
  .list li {
    height: 150rem/@base;
    img {
      width: 100rem/@base;
      border-radius: 50%;
      float: left;
    }
    .con {
      padding-left: 50rem/@base;
      line-height: 50rem/@base;
      .font_dpr(14px);
      overflow: hidden;
      .username {
        float: left;
        color: #5997c0;
      }
      .time {
        float: right;
      }
      .content img {
        width: 40rem/@base;
        height: 30rem/@base;
        vertical-align: middle;
      }
    }
  }
}
.product-nav {
  height: 77rem/@base;
  border-top: 2rem/@base solid #eaeaea;
  border-bottom: 2rem/@base solid #eaeaea;
  background-color: #5a5a5a;
  padding-left: 24rem/@base;
  padding-right: 15rem/@base;

  a {
    float: left;
    height: 100%;
    line-height: 77rem/@base;
    .font_dpr(16px);
    color: #fff;
  }
  button {
    float: right;
    width: 120rem/@base;
    height: 52rem/@base;
    border: 2rem/@base solid #b0b0b0;
    background-color: #e6e6e6;
    border-radius: 5rem/@base;
    margin-top: 12rem/@base;
    color: #5a5a5a;
  }
}